.loaderSpinner {
  position: relative;
  font-size: 10px;
  text-indent: -9999em;
  border: 0.5rem solid #f5f5f5;
  border-left: 0.5rem solid #8c8dfc;
  transform: translateZ(0);
  animation: nuxtLoadingCustom 1.1s infinite linear;
}

.loaderContainer {
  overflow: hidden;

  &.size {
    &-lg {
      &,
      .loaderSpinner,
      .loaderSpinner::after {
        width: 5rem;
        height: 5rem;
      }
    }

    &-md {
      &,
      .loaderSpinner,
      .loaderSpinner::after {
        width: 4rem;
        height: 4rem;
      }
    }

    &-sm {
      &,
      .loaderSpinner,
      .loaderSpinner::after {
        width: 3rem;
        height: 3rem;
      }
    }

    &-xs {
      &,
      .loaderSpinner,
      .loaderSpinner::after {
        width: 1.2rem;
        height: 1.2rem;
      }

      .loaderSpinner {
        border-width: 0.2rem;
      }
    }
  }

  .loaderSpinner {
    position: relative;
    font-size: 10px;
    text-indent: -9999em;
    border: 0.5rem solid #f5f5f5;
    border-left-color: #8c8dfc;
    transform: translateZ(0);
    animation: nuxtLoadingCustom 1.1s infinite linear;
    will-change: transform;

    &,
    &::after {
      border-radius: 50%;
    }
  }
}
